<!DOCTYPE html>
<html lang="zh-CN" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorate="~{layout/indexLayout.html}" xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="utf-8"/>
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/proList.css"/>
</head>

<body>
<!--口子  ，开始-->
<div id="content" layout:fragment="content">
    <div class="order cart mt">
        <!-----------------site------------------->
        <div class="site">
            <p class="wrapper clearfix">
                <img class="top" src="img/temp/cartTop02.png">
            </p>
        </div>
        <!-----------------orderCon------------------->
        <div class="orderCon wrapper clearfix">
            <div class="orderL fl">
                <!--------h3---------------->
                <h3>收件信息<a href="#" class="fr">新增地址</a></h3>
                <!--------addres---------------->
                <div class="addres clearfix">
                    <div class="addre fl on" th:each="addr:${userAddr}">
                        <div class="tit clearfix">
                            <p class="fl" th:text="${addr.receivingName}">张三1 </p>$nbsp
                            <span class="default" th:if="${addr.isDefault==1}">[默认地址]</span>
                            <p class="fr">
                                <a href="#" class="setDefault" th:if="${addr.isDefault==0}">设为默认</a>
                                <a href="#">删除</a>
                                <span>|</span>
                                <a href="#" class="edit">编辑</a>
                            </p>
                        </div>
                        <div class="addCon">
                            <p th:text="${addr.address}">河北省&nbsp;唐山市&nbsp;路北区&nbsp;大学生公寓村</p>
                            <p th:text="${addr.receivingPhone}">15732570937</p>
                        </div>
                    </div>
                </div>
                <h3>支付方式</h3>
                <!--------way---------------->
                <div class="way clearfix">
                    <img class="on" src="img/temp/way01.jpg">
                </div>
                <h3>选择快递</h3>
                <!--------dis---------------->
                <div class="dis clearfix">
                    <span class="on">顺风快递</span>
                </div>
            </div>
            <div class="orderR fr">
                <div class="msg">
                    <h3>订单内容<a href="/tocart" class="fr">返回购物车</a></h3>
                    <!--------ul---------------->
                    <ul class="clearfix">
                        <li class="fl">
                            <img style="width: 81px;height: 87px" th:src="@{${zborder.productPicture}}"
                                 src="img/temp/order01.jpg">
                        </li>
                        <li class="fl">
                            <p>创意现代简约干花花瓶摆件</p>
                            <p th:text="${'颜色分类：'+zborder.categoryName}">颜色分类：烟灰色玻璃瓶</p>
                            <p th:text="${'数量：'+zborder.productCount}">数量：1</p>
                        </li>
                        <li class="fr" th:text="${'￥'+zborder.productPrice}">￥69.90</li>
                    </ul>
                </div>
                <!--------tips---------------->
                <div class="tips">
                    <p><span class="fl">商品金额：</span><span class="fr"
                                                          th:text="${'￥'+zborder.productPrice}">￥139.80</span></p>
                    <p><span class="fl">运费：</span><span class="fr">免运费</span></p>
                </div>
                <!--------tips count---------------->
                <div class="count tips">
                    <p><span class="fl">合计：</span><span class="fr" th:text="${'￥'+zborder.subtotal}">￥139.80</span></p>
                </div>
                <!--<input type="button" name="" value="去支付"> -->
                <!--th:href="@{'toProDetail?productNumber='+${product.getProductNumber()}}"-->
                <a th:href="@{tok(productId=${zborder.productId},orderId=${zborder.orderId},productCount=${zborder.productCount}
								,orderNum=${zborder.orderNum})}" class="pay">去支付</a>
            </div>
        </div>
    </div>
    <!--编辑弹框-->
    <!--遮罩-->
    <div class="mask"></div>
    <div class="adddz editAddre">
        <form action="#" method="get">
            <input type="text" placeholder="姓名" class="on"/>
            <input type="text" placeholder="手机号"/>
            <div class="city">
                <select name="">
                    <option value="省份/自治区">省份/自治区</option>
                </select>
                <select>
                    <option value="城市/地区">城市/地区</option>
                </select>
                <select>
                    <option value="区/县">区/县</option>
                </select>
                <select>
                    <option value="配送区域">配送区域</option>
                </select>
            </div>
            <textarea name="" rows="" cols="" placeholder="详细地址"></textarea>
            <input type="text" placeholder="邮政编码"/>
            <div class="bc">
                <input type="button" value="保存"/>
                <input type="button" value="取消"/>
            </div>
        </form>
    </div>

    <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/pro.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/user.js" type="text/javascript" charset="utf-8"></script>
</div>
</body>
</html>
